body {
	background-color: black;	
	font-family: Arial, Helvetica, sans-serif;
	background-image: url("/images/body-bg.jpg");
    background-repeat: repeat;
}

#principal {
	width: 980px;	
	margin-left: auto;
    margin-right: auto;
}

#header_top {
	background-image: url("/images/hw-bg.jpg");
	background-repeat: repeat-x;
	width: 980px; 
	height:100px;	
	border-left: 1px solid gray;
    border-right: 1px solid gray;
    border-top: 1px solid gray;
}

#logo {
	float: left; 
	width: 325px; 
	height: 90px; 
	margin-left: 10px;
}

#login_top {
	float: right;
    height: 70px;
    margin-top: 15px;
    width: 30%;
}

#login_top input {
	float: right;
	margin-right: 15px;
	margin-top: 5px;
}

#menu {
	background:green;	
	margin-bottom: 20px;
	width: 980px;
	border-left: 1px solid gray;
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;
}

#footer {
	background-image: url("/images/hw-bg.jpg");
	background-repeat: repeat-x;
	width: 980px; 
	height:100px;
	margin-top: 20px;
	border: 1px solid gray;	
}

a {
	text-decoration: none;
	color: white;	
}

a hover {
	text-decoration: underline;
	color: white;	
}

p {
	color: white;
	font-family: fantasy;	
}

label {
	color: white;
	font-style: inherit;	
}

.error {
	color: red;
}

h1 {
	color: white;	
}

h3 {
	color: white;	
}

#body {
	width: 100%
}

#login_top #loginForm input {
	border-radius: 3px;
}

#bodyCadastro {
	width: 40%;
}

#bodyCadastro .inputtext {
	margin: 5px;
	width: 280px;
}

#bodyCadastro span {
	font-size: 10px;
	color: white;
}

#bodyCadastroVeiculo .inputtext {
	margin: 5px;
	width: 280px;
}

#bodyCadastroVeiculo .select {
	margin: 5px;
}

.politics {
	margin-top: 10px;
	width: 50%;
}

#imagemCadastro {
	width: 60%;
}

#btnCriarConta {
	float: right;
    margin-top: 25px;
}

.account-error {
    background-color: #FFFFCC;
    border: 1px solid #FF0000;
    font-size: 11px;
    margin-top: 25px;
    padding: 10px 5px;
    text-align: center;
    width: 45%;
    margin-left: 30%;
}

.account-success {
    background-color: #FFFFCC;
    border: 1px solid green;
    font-size: 11px;
    margin-top: 25px;
    padding: 10px 5px;
    text-align: center;
    width: 45%;
}

.iconesIndex {
	border: none;	
}

#conteudoLogado {
	width: 100%;
	margin-left: auto;
	margin-right: auto;	
}

#conteudoNaoLogado a {
	text-align: center;	
}

#loginFormPage {
	border: 1px solid gray;
	padding: 10px 10px 30px 50px;	
}

.conteudoNaoLogado {
	margin-left: 200px;	
}

.car-box h3 {
    color: #339933;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 10px;
}
.car-box h2 {
    background-repeat: repeat-y;
    color: #FFFFFF;
    font-size: 16px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-top: 5px;
}
.car-inner {
    border: 1px solid #DBDBDB;
    margin-bottom: 20px;
    padding: 20px;
    position: relative;
}
.car-box p {
    margin-bottom: 10px;
    margin-top: 10px;
}

.foto-container130 {
	margin: 10px;	
}

/* ############## MENU JOOMLA ########### */

/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_two */

.menu2 {padding:0 0 0 32px; margin:0; list-style:none; height:35px; background:#fff url(/images/button1.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}
.menu2 li {float:left;}
.menu2 li a {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:11px; font-family:verdana; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu2 li a b {float:left; display:block; padding:0 16px 0 8px;}
.menu2 li.current a {color:#fff; background:url(/images/button3.gif);}
.menu2 li.current a b {background:url(/images/button3.gif) no-repeat right top;}
.menu2 li a:hover {color:#fff; background:#000 url(/images/button4.gif);}
.menu2 li a:hover b {background:url(/images/button4.gif) no-repeat right top;}
.menu2 li.current a:hover {color:#fff; background:#000 url(/images/button3.gif); cursor:default;}
.menu2 li.current a:hover b {background:url(/images/button3.gif) no-repeat right top;}

#barra-footer {
	color: white;
	font-size: 14px;	
}

#menu-footer a:hover {
	color: gray;
	text-decoration: underline;	
}

#copyright {
	color: white;
	font-size: 10px;	
}

#bodyCadastroAbastecimento .input {
	margin: 5px;
}

#bodyCadastroAbastecimento .select {
	margin: 5px;
}




/* ############## MENU JOOMLA END ########### */


/* ################# TABLE MEUS VEICULOS ############## */

th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif;
	color: #6D929B;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

th.spec {	
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif;
	color: #B4AA9D;
}

/* ################# TABLE MEUS VEICULOS END ############## */